// app global css in SCSS form

body .page-docs {
  color:#474747;
  background: #fafafa;
}

body.body--dark {
  color: #f8f8f2;
  background-color: #002433;
  .page-docs {
      color:#cbcbcb;
      background: #080e1a;
  }
}

body .custom-input {
}
body.body--light .custom-input {
  background: #e0e0e0;
  input {
    color: #474747;
  }
}
body.body--dark .custom-input {
  background: #ffffff1f;
  input {
    color: #fff;
  }
}


// 隐藏DropDown按钮右侧的下箭头
.btn-dropdown-hide-droparrow {
&.q-btn-dropdown--simple .q-btn-dropdown__arrow {
  display: none;
}
}

.custom-btn {
color: #00b4ff;
background-color: #e6f1fc;
font-size: 0.9rem;
letter-spacing: .7px;
padding: 2px;
&.dark-mode {
  background-color: #0d3b69;
}
}

.custom-expansion-active {
color: #00b4ff !important;
background: #e6f1fc;
&.q-item--dark {
  background: #0d3b69;
}
}

.custom-expansion {
.q-item {
  font-size: 0.9rem;
  letter-spacing: .7px;
  border-radius: 14px;
  margin-top: 4px;
  color: #474747;
  transition: none;
  &.q-item--dark {
    color: #cbcbcb;
  }
}
}
